<!DOCTYPE html>
<html>
<head>
	<title>评论</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" href="css/share.css" type="text/css" />
	<script src="js/jquery1.8.2.min.js" type="text/javascript"></script>
    <script src="js/share.js" type="text/javascript"></script>
</head>
<body>
	<!--头部-->
	<header>
		<div class="top">
			<a href="#" target="_self"><img src="images/newicon9.png" style="height: 30px;" class="return" alt=""></a>
			<h2 class="titleh2">评论</h2>
			<!--<div class="ziXun">
				<ul>
					<li><a href="opinion.html">观点</a></li>
					<li><a href="money.html">理财</a></li>
					<li class="liCai-activ"><a href="talk.html">杂谈</a></li>
				</ul>
			</div>-->
		</div>	
	</header>
	<div class="headerNext"></div>
	<!--搜索-->
	<!--<article>
		<div class="search">
			<form  method="post" name="form1">
				<input type="search" name="search" value="" />
			</form>
		</div>
	</article>-->
	<!--评论内容部分-->
	<article>	
		<div class="reCon comCom">
			<h2 class="h2Con"><span></span>最新评论</h2>
		</div>
		<div class="line"></div>
		<div class="subCom">
			<img src="images/comPic.png" alt="" />
			<p class="pCom">幸运nannan<span>2016.08.24</span></p>
			<p class="pCom2">欢迎银华中小盘基金经理李晓星经理..欢迎银华中小盘基金经理李晓星经理..</p>
		</div>
		<div class="line"></div>

		<div class="subCom">
			<img src="images/comPic.png" alt="" />
			<p class="pCom">幸运nannan<span>2016.08.24</span></p>
			<p class="pCom2">欢迎银华中小盘基金经理李晓星经理..欢迎银华中小盘基金经理李晓星经理..</p>
		</div>
		<div class="line"></div>

		<div class="subCom">
			<img src="images/comPic.png" alt="" />
			<p class="pCom">幸运nannan<span>2016.08.24</span></p>
			<p class="pCom2">欢迎银华中小盘基金经理李晓星经理..欢迎银华中小盘基金经理李晓星经理..</p>
		</div>
		<div class="line"></div>

		<div class="subCom">
			<img src="images/comPic.png" alt="" />
			<p class="pCom">幸运nannan<span>2016.08.24</span></p>
			<p class="pCom2">欢迎银华中小盘基金经理李晓星经理..欢迎银华中小盘基金经理李晓星经理..</p>
		</div>
		<div class="line"></div>
	</article>

	<div class="footer inputCom"></div>
	<footer>
		<div class="fooCom" id="testPara" onmouseover="onClick()" onmouseout="out()" >
			<form method="post" name="comment" onSubmit="return myCheck()" >
				<input type="text" name="incom" value="" placeholder="我也说两句"  onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');">
				<!--<span class="red" id="cost_tpl_title_length">您写了0个字</span> -->
				<button type="submit" name="foo" value="">提交</button>

			</form>
		</div>
	</footer>


</body>
<script type="text/javascript">

function onClick(){

  var para = document.getElementById("testPara").className = "fooCom testOver"; 

 }
 function out(){

  var para = document.getElementById("testPara").className = "fooCom "; 

 } 
/*function setShowLength(obj, maxlength, id)
	{
	var rem =obj.value.length;
	var wid = id;
	if (rem < 0){
	rem = 0;
	}
	document.getElementById(wid).innerHTML = "您写了" + rem + "字";
	} */
function myCheck()
      {
         for(var i=0;i<document.comment.elements.length-1;i++)
         {
          if(document.comment.elements[i].value=="")
          {
           alert("亲！留言不能为空");
           document.comment.elements[i].focus();
           return false;
          }
         }
         return true;
        
      }
</script>
</html>